import { Layout } from "antd"
import { Outlet } from "react-router-dom"
// import BreadCrumbBase from "@/components/BreadCrumb"
import "./index.css"
let { Content } = Layout
const ContentBase = () => {


  // let circleBreadCrumb = (data:any) => {

  //   type a = {
  //     label:string,
  //     path:string
  //   }

  //   let breadcrumbList:a[] = []

  //   data.length && data.forEach((item:any) => {
      
  //     // 定义obj的类型
  //     type c = {
  //       label:string,
  //       path:string,
  //       children?:a[]
  //     }
  //     // 获取routes中元素的label以及path属性
  //     let obj:c = {
  //       label:item.label,
  //       path:item.path,
  //     }
  //     // 有children的情况下
  //     if(item.children){
  //       // item.children.forEach((item:any) => {
  //       //   console.log(item)
  //       //   obj.children!.label = item.label
  //       //   obj.children!.path = item.path 
  //       // })
  //       obj.children = circleBreadCrumb(item.children)
  //     }
  //     breadcrumbList.push(obj)
  //   })

  //   return breadcrumbList
  // }

  // let breadcrumbList = circleBreadCrumb(target!.children)
  // console.log(breadcrumbList)

    return (
        <Content
          style={{
            margin: '24px 16px',
            padding: 0,
            minHeight: 280,
            
          }}
        >
          {/* <BreadCrumbBase/> */}
          <Outlet/>
        </Content>
    )
}

export default ContentBase